<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- necessary -->
    <meta name="keywords" content="杂志,杂志社,社会杂志">
    <meta name="description" content="杂志社的意思">
    <!-- description -->
    <meta name="renderer" content="webkit">

    <title>杂志社</title>

    <!-- base -->
    <link href="../../css/comm/bootstrap.css" rel="stylesheet">
    <link href="../../css/comm/swiper.min.css" rel="stylesheet">
    <link href="../../css/comm/bootstrap-base.css" rel="stylesheet">
    <!-- self -->
    <link href="../../css/periodical/periodical.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <header class="full-w">
      <div class="container pl-0 pr-0">
          <div class="clear full-w ">
              <div class="col-sm-2 col-md-4 pull-left pt-15 pb-15">
                  <img src="../../img/periodical/logo.png" alt="logo">
              </div>
              <div class="col-sm-8 col-md-6 pull-left pt-15 pb-15 pl-0 pr-15">
                  <ul class="index-nav pull-right">
                      <li>首页</li>
                      <li>关于我们</li>
                      <li>杂志介绍</li>
                      <li>往期期刊</li>
                      <li>新闻资讯</li>
                      <li>联系我们</li>
                  </ul>
              </div>
              <div class="col-sm-2 pl-0 pr-0 pt-10 pb-10 pos-r">
                  <input type="text" class="full-w h-30 radius-20 bor bor-col-orange text-center">
                  <img class="pos-a t-15 r-15" src="../../img/periodical/search.png" alt="">
              </div>
          </div>
      </div>
    </header>
    <div class="wrap">
      <!-- banner -->
      <div class="swiper-container swiperv1 full-w">
          <div class="swiper-wrapper ">
              <div class="swiper-slide"><img src="../../img/periodical/banner1.jpg" alt="banner"></div>
              <div class="swiper-slide"><img src="../../img/periodical/banner2.jpg" alt="banner"></div>
              <div class="swiper-slide"><img src="../../img/periodical/banner3.jpg" alt="banner"></div>
          </div>
          <div class="swiper-pagination swiper-paginv1"></div>          
          <!-- 如果需要导航按钮 -->
          <div class="swiper-button-prev swiper-button-prevv1"></div>
          <div class="swiper-button-next swiper-button-nextv1"></div>
      </div>
      <!-- bouy -->
      <div class="img-60 bg-C2986B affix t-80s r-40 z-999 dis-n bouyv1">
          <img src="../../img/periodical/up.png" class="img-40 mt-10 ml-10" alt="">
      </div>
      <div class="container clear mt-20 mb-20">
          <div class="col-sm-6 pull-left mt-20 mb-20 z-1">
              <div class="swiper-container swiperv2 full-w">
                  <div class="swiper-wrapper ">
                      <div class="swiper-slide"><img src="../../img/periodical/tips1.jpg" alt="banner"></div>
                      <div class="swiper-slide"><img src="../../img/periodical/tips2.jpg" alt="banner"></div>
                  </div>
              </div>
          </div>
          <div class="col-sm-6 pull-left mt-20 mb-20 z-9">
              <div class="full-w mt-75 mb-50 clear pos-r l--90 bg-white">
                <div class="clear pt-10 pl-10">
                  <p class="col-C2986B f-24 pl-40 family-hk dis-b pull-left pb-5 bor-2px bor-b bor-col-C2986B">
                    杂志社
                  </p>
                </div>
                <div class="pt-25 pb-25 full-w pl-40 clear">
                  <p class="line-h-20 pos-r pl-40 pr-40 pt-5 pb-5 col-333">
                      上世纪初，鲁迅、胡适们去国怀乡，留学是那一代青年“治心的方法”、救国的途径。 17年前，《新周刊》推出“飘一代”，聚焦那些在各大城市飘荡的新青年，他们改写了中国人的生活方式，还有自由流动的社会机制。 今天，90后、00后里出现飘二代，比起父辈，他们更早走出国门，比起100多年前的留学生，他们面对的是全球化的现代世界。飘一代是理想主义者，他们心中始终有诗和远方；
                      <span class="f-30 family-hxh col-C2986B pos-a t-0 l--5">“</span>
                      <span class="f-30 family-hxh col-C2986B pos-a b--5 r--5">”</span>
                  </p>
                </div>
              </div>
          </div>
      </div>
      <div class="clear bg-FAFAFA full-w pb-20">
          <div class="container clear mt-20 mb-20">
            <div class="col-sm-5 pull-left mt-20 mb-20">
                <div class="full-w mt-75 mb-50 clear">
                    <div class="clear pt-10 pl-10">
                      <p class="col-C2986B f-24 pl-40 family-hk dis-b pull-left pb-5 bor-2px bor-b bor-col-C2986B">
                        期刊介绍
                      </p>
                    </div>
                    <div class="pt-25 pb-25 full-w pl-40 clear">
                      <p class="line-h-20 pos-r pl-40 pr-40 pt-5 pb-5 col-333">
                          “精品课堂”栏目为杂志的核心栏目，主要关注管理领域最受欢迎且最具实用性的话题，同时兼顾具有创新性及前瞻性管理新知。如领导力发展、高效团队建设、创新思维方式、国学管理智慧等。同时，该栏目还新增了子栏目“课堂笔记”，您可以围绕所听过的课程，讲述您与这门课程的故事。
                          <span class="f-30 family-hxh col-C2986B pos-a t-0 l--5">“</span>
                          <span class="f-30 family-hxh col-C2986B pos-a b--5 r--5">”</span>
                      </p>
                    </div>
                  </div>
            </div>
            <div class="col-sm-7 pull-left mt-20 mb-20">
                <div class="full-w mt-75 mb-50 clear">
                      <div class="swiper-container swiperv3 full-w">
                          <div class="swiper-wrapper ">
                              <div class="swiper-slide"><a href="#"><img src="../../img/periodical/books1.jpg" alt="banner"></a></div>
                              <div class="swiper-slide"><a href="#"><img src="../../img/periodical/books2.jpg" alt="banner"></a></div>
                              <div class="swiper-slide"><a href="#"><img src="../../img/periodical/books3.jpg" alt="banner"></a></div>
                              <div class="swiper-slide"><a href="#"><img src="../../img/periodical/books4.jpg" alt="banner"></a></div>
                              <div class="swiper-slide"><a href="#"><img src="../../img/periodical/books5.jpg" alt="banner"></a></div>
                              <div class="swiper-slide"><a href="#"><img src="../../img/periodical/books6.jpg" alt="banner"></a></div>
                              <div class="swiper-slide"><a href="#"><img src="../../img/periodical/books7.jpg" alt="banner"></a></div>
                              <div class="swiper-slide"><a href="#"><img src="../../img/periodical/books8.jpg" alt="banner"></a></div>
                              <div class="swiper-slide"><a href="#"><img src="../../img/periodical/books9.jpg" alt="banner"></a></div>
                          </div>
                      </div>
                      <div class="swiper-pagination swiper-paginv3 full-w pt-20"></div>
                </div>
            </div>
          </div>
      </div>
      <div class="container clear mt-20 mb-20">
          <div class="col-sm-4 pull-left mt-20">
              <div class="clear pos-r maks overflow-h">
                <img src="../../img/periodical/tips3.jpg" class="full-w" alt="">
                <div class="pos-a full-wh bg-black t-0 l-0 rgba-50 maksing dis-n">
                    <div class="clear pd-30">
                        <div class="col-sm-12 pt-10 pb-10 pl-0 pr-0 col-C2986B f-22 cur-d text-overflow">
                            你能在农村生活多久？ 
                        </div>
                        <p class="col-white pull-left line-h-20 text-line-2">
                            <a href="">今日中国，一半人口在城市。对你来说，农村是什么？是悠然见南山的田园理想……
                        </p></a>
                        <div class="col-sm-4 pull-right pt-10 pb-10 pl-5 pr-5 col-white f-14 cur-d">
                          2017-06-08
                        </div>
                    </div>
                </div>
              </div>
              <div class="clear">
                  <div class="col-sm-9 pull-left pt-10 pb-10 pl-5 pr-5 col-C2986B f-14 cur-d text-overflow">
                    耐消品行业峰会：零售业到了历史性……   
                  </div>
                  <div class="col-sm-3 pull-left pt-10 pb-10 pl-5 pr-5 col-999 cur-d">
                    2017-06-08
                  </div>
              </div>
              <p class="col-333 line-h-20 text-line-2">
                中国作为耐用消费品的世界工厂，产能已经进入过剩阶段，市场营销因此显得异常激烈，耐用消费品企业往往需要建立数千家可控零售终端门店
              </p>
              <div class="clear">
                  <div class="col-sm-4 pull-left pl-0 pr-0 pt-10 pb-10 makswhite">
                    <img src="../../img/periodical/tips5.jpg" class="full-w" alt="">
                    <div class="pos-a full-wh t-0 l-0 makswhiteing tran06s">
                    </div>
                  </div>
                  <div class="col-sm-8 pull-left pl-5 pr-0">
                      <div class="clear">
                          <div class="col-sm-8 pull-left pt-10 pb-10 pl-0 pr-0 col-C2986B f-14 cur-d text-overflow">
                            你能在农村生活多久？ 
                          </div>
                          <div class="col-sm-4 pull-left pt-10 pb-10 pl-5 pr-5 col-999 cur-d">
                            2017-06-08
                          </div>
                      </div>
                      <p class="col-333 line-h-20 text-line-2">
                          今日中国，一半人口在城市。对你来说，农村是什么？是悠然见南山的田园理想……
                      </p>
                  </div>
              </div>
              <div class="clear">
                  <div class="col-sm-4 pull-left pl-0 pr-0 pt-10 pb-10 makswhite">
                    <img src="../../img/periodical/tips6.jpg" class="full-w" alt="">
                    <div class="pos-a full-wh t-0 l-0 makswhiteing tran06s">
                    </div>
                  </div>
                  <div class="col-sm-8 pull-left pl-5 pr-0">
                      <div class="clear">
                          <div class="col-sm-8 pull-left pt-10 pb-10 pl-0 pr-0 col-C2986B f-14 cur-d text-overflow">
                            你能在农村生活多久？ 
                          </div>
                          <div class="col-sm-4 pull-left pt-10 pb-10 pl-5 pr-5 col-999 cur-d">
                            2017-06-08
                          </div>
                      </div>
                      <p class="col-333 line-h-20 text-line-2">
                          今日中国，一半人口在城市。对你来说，农村是什么？是悠然见南山的田园理想……
                      </p>
                  </div>
              </div>
          </div>
          <div class="col-sm-4 pull-left mt-20 clear">
              <div class="clear pos-r maks overflow-h">
                <img src="../../img/periodical/tips4.jpg" class="full-w" alt="">
                <div class="pos-a full-wh bg-black t-0 l-0 rgba-50 maksing dis-n">
                    <div class="clear pd-30">
                        <div class="col-sm-12 pt-10 pb-10 pl-0 pr-0 col-C2986B f-22 cur-d text-overflow">
                            你能在农村生活多久？ 
                        </div>
                        <p class="col-white pull-left line-h-20 text-line-2">
                            <a href="">今日中国，一半人口在城市。对你来说，农村是什么？是悠然见南山的田园理想……
                        </p></a>
                        <div class="col-sm-4 pull-right pt-10 pb-10 pl-5 pr-5 col-white f-14 cur-d">
                          2017-06-08
                        </div>
                    </div>
                </div>
              </div>
              <div class="clear">
                  <div class="col-sm-9 pull-left pt-10 pb-10 pl-5 pr-5 col-C2986B f-14 cur-d text-overflow">
                    耐消品行业峰会：零售业到了历史性……   
                  </div>
                  <div class="col-sm-3 pull-left pt-10 pb-10 pl-5 pr-5 col-999 cur-d">
                    2017-06-08
                  </div>
              </div>
              <p class="col-333 line-h-20 text-line-2">
                中国作为耐用消费品的世界工厂，产能已经进入过剩阶段，市场营销因此显得异常激烈，耐用消费品企业往往需要建立数千家可控零售终端门店
              </p>
              <div class="clear">
                  <div class="col-sm-4 pull-left pl-0 pr-0 pt-10 pb-10 makswhite">
                    <img src="../../img/periodical/tips7.jpg" class="full-w" alt="">
                    <div class="pos-a full-wh t-0 l-0 makswhiteing tran06s">
                    </div>
                  </div>
                  <div class="col-sm-8 pull-left pl-5 pr-0">
                      <div class="clear">
                          <div class="col-sm-8 pull-left pt-10 pb-10 pl-0 pr-0 col-C2986B f-14 cur-d text-overflow">
                            你能在农村生活多久？ 
                          </div>
                          <div class="col-sm-4 pull-left pt-10 pb-10 pl-5 pr-5 col-999 cur-d">
                            2017-06-08
                          </div>
                      </div>
                      <p class="col-333 line-h-20 text-line-2">
                          今日中国，一半人口在城市。对你来说，农村是什么？是悠然见南山的田园理想……
                      </p>
                  </div>
              </div>
              <div class="clear">
                  <div class="col-sm-4 pull-left pl-0 pr-0 pt-10 pb-10 makswhite">
                    <img src="../../img/periodical/tips8.jpg" class="full-w" alt="">
                    <div class="pos-a full-wh t-0 l-0 makswhiteing tran5s">
                    </div>
                  </div>
                  <div class="col-sm-8 pull-left pl-5 pr-0">
                      <div class="clear">
                          <div class="col-sm-8 pull-left pt-10 pb-10 pl-0 pr-0 col-C2986B f-14 cur-d text-overflow">
                            你能在农村生活多久？ 
                          </div>
                          <div class="col-sm-4 pull-left pt-10 pb-10 pl-5 pr-5 col-999 cur-d">
                            2017-06-08
                          </div>
                      </div>
                      <p class="col-333 line-h-20 text-line-2">
                          今日中国，一半人口在城市。对你来说，农村是什么？是悠然见南山的田园理想……
                      </p>
                  </div>
              </div>
          </div>
          <div class="col-sm-4 pull-left mt-20">
              <div class="full-w bor bor-b bor-col-C2986B bor-2px">
              </div>
              <p class="pt-15 pb-5 pl-0 pr-0">
                <span class="f-20 col-333 family-hk f-w">热门文章</span>
                <span class="col-C2986B f-16 pl-10 ">HOT ARTICLE</span>
              </p>
              <p class="pd-10">
                <a href="#" class="t-none text-overflow">
                    <span class="f-16 col-C2986B pr-20">1</span>
                    <span class="f-16 col-999">92一代生活方式报告</span>
                </a>
              </p>
              <p class="pd-10">
                <a href="#" class="t-none text-overflow">
                    <span class="f-16 col-C2986B pr-20">2</span>
                    <span class="f-16 col-999"> 但丁·加百列·罗塞蒂:一个疯子，爱着一个叫西达</span>
                </a>
              </p>
              <p class="pd-10">
                <a href="#" class="t-none text-overflow">
                    <span class="f-16 col-C2986B pr-20">3</span>
                    <span class="f-16 col-999">中国最有魅力的10所大学</span>
                </a>
              </p>
              <p class="pd-10">
                <a href="#" class="t-none text-overflow">
                    <span class="f-16 col-C2986B pr-20">4</span>
                    <span class="f-16 col-999">别怪我就开放三天朋友圈，因为跟你也就三天</span>
                </a>
              </p>
              <p class="pd-10">
                <a href="#" class="t-none text-overflow">
                    <span class="f-16 col-C2986B pr-20">5</span>
                    <span class="f-16 col-999">（490期尝鲜）＇92四无青年</span>
                </a>
              </p>
              <p class="pd-10">
                <a href="#" class="t-none text-overflow">
                    <span class="f-16 col-C2986B pr-20">6</span>
                    <span class="f-16 col-999">一个外国人在中国买到假火腿，它由木头制作</span>
                </a>
              </p>
              <p class="pd-10">
                <a href="#" class="t-none text-overflow">
                    <span class="f-16 col-C2986B pr-20">7</span>
                    <span class="f-16 col-999">外边再裹上一层猪。整件东西精心上彩和加工</span>
                </a>
              </p>
              <p class="pd-10">
                <a href="#" class="t-none text-overflow">
                    <span class="f-16 col-C2986B pr-20">8</span>
                    <span class="f-16 col-999">《经济学人》杂志1843年12月创刊不足一</span>
                </a>
              </p>
              <p class="pd-10">
                <a href="#" class="t-none text-overflow">
                    <span class="f-16 col-C2986B pr-20">9</span>
                    <span class="f-16 col-999">网红水果养成记</span>
                </a>
              </p>
              <p class="pd-10">
                <a href="#" class="t-none text-overflow">
                    <span class="f-16 col-C2986B pr-20">10</span>
                    <span class="f-16 col-999">汉东大学: 可能是中国大学被黑得最惨的一次</span>
                </a>
              </p>
              <p class="pd-10">
                <a href="#" class="t-none text-overflow">
                    <span class="f-16 col-C2986B pr-20">11</span>
                    <span class="f-16 col-999">没有天才的编辑，只有个人与时代的相互成全</span>
                </a>
              </p>
              <p class="pd-10">
                <a href="#" class="t-none text-overflow">
                    <span class="f-16 col-C2986B pr-20">12</span>
                    <span class="f-16 col-999">没去过魔幻重庆，谈什么赛博朋克</span>
                </a>
              </p>
          </div>
      </div>
      <div class="clear bg-FAFAFA full-w pt-20 pb-20 pos-r pl-0 pr-0 overflow-h">
          <div class="container clear mt-20 mb-40">
              <div class="col-sm-6 pull-left pt-30 pb-20">
                  <div class="clear pr-30 pl-30">
                      <div class="col-sm-2 pull-left pt-5">
                          <img class="pd-5 radius-10 bor bor-col-C2986B bor-2px" src="../../img/periodical/ico1.png" alt="">
                      </div>
                      <div class="col-sm-10 pull-left pl-0 pr-0">
                          <p class="col-C2986B f-16">
                            多层次的用户管理功能
                          </p>
                          <p class="col-333 pt-5 line-h-20">
                              支持用户的添加和导入，与AD可以进行紧密的整合，实时同步最新的用户信息，从而方便对用户进行管理。
                          </p>
                      </div>
                  </div>
                  <div class="clear pr-30 pl-30 pt-20">
                      <div class="col-sm-2 pull-left pt-5">
                          <img class="pd-5 radius-10 bor bor-col-C2986B bor-2px" src="../../img/periodical/ico2.png" alt="">
                      </div>
                      <div class="col-sm-10 pull-left pl-0 pr-0">
                          <p class="col-C2986B f-16">
                            多层次的用户管理功能
                          </p>
                          <p class="col-333 pt-5 line-h-20">
                              支持用户的添加和导入，与AD可以进行紧密的整合，实时同步最新的用户信息，从而方便对用户进行管理。
                          </p>
                      </div>
                  </div>
                  <div class="clear pr-30 pl-30 pt-20">
                      <div class="col-sm-2 pull-left pt-5">
                          <img class="pd-5 radius-10 bor bor-col-C2986B bor-2px" src="../../img/periodical/ico3.png" alt="">
                      </div>
                      <div class="col-sm-10 pull-left pl-0 pr-0">
                          <p class="col-C2986B f-16">
                            多层次的用户管理功能
                          </p>
                          <p class="col-333 pt-5 line-h-20">
                              支持用户的添加和导入，与AD可以进行紧密的整合，实时同步最新的用户信息，从而方便对用户进行管理。
                          </p>
                      </div>
                  </div>
                  <div class="clear pr-30 pl-30 pt-20">
                      <div class="col-sm-2 pull-left pt-5 ">
                          <img class="pd-5 radius-10 bor bor-col-C2986B bor-2px " src="../../img/periodical/ico4.png" alt="">
                      </div>
                      <div class="col-sm-10 pull-left pl-0 pr-0">
                          <p class="col-C2986B f-16">
                            多层次的用户管理功能
                          </p>
                          <p class="col-333 pt-5 line-h-20">
                              支持用户的添加和导入，与AD可以进行紧密的整合，实时同步最新的用户信息，从而方便对用户进行管理。
                          </p>
                      </div>
                  </div>
              </div>
              <div class="col-sm-6 pull-left">
              </div>
          </div>
          <div class="col-sm-6 pos-a t-0 r-0 pl-0 pr-0 z-9">
              <div class="clear full-wh pos-r">
                  <div class="clear full-wh overflow-h pos-r">
                      <img src="../../img/periodical/tips9.jpg" class="pos-r t-0 l-0" alt="">
                  </div>
                  <div class="pos-a z-99 t-40s l-60 col-sm-6 rgba-50 pt-40 pb-40 pr-50 pl-50 col-ccc line-h-20">
                      提供设备的远程锁定，擦除等功能。在设备出现遗失的情况下可以最大程度的保护企业的信息不被泄露
                  </div>
              </div>
              
          </div>
      </div>
      <div class="container clear mt-40 mb-20">
          <div class="col-sm-4">
              <img src="../../img/periodical/tips10.jpg" class="full-w" alt="">
              <p class="pt-10 pb-10 f-14">
                <span class="pl-5 pr-10">
                  <img class="img-20" src="../../img/periodical/ico5.png" alt="">
                </span>
                北京市海淀区丹棱街创富大厦0000-0000室
              </p>
              <p class="pt-10 pb-10 f-14">
                <span class="pl-5 pr-10">
                  <img class="img-20" src="../../img/periodical/ico6.png" alt="">
                </span>
                联系电话：400-003-9060
              </p>
              <p class="pt-10 pb-10 f-14">
                <span class="pl-5 pr-10">
                  <img class="img-20" src="../../img/periodical/ico7.png" alt="">
                </span>
                在线客服：123456789
              </p>
              <p class="pt-10 pb-10 f-14">
                <span class="pl-5 pr-10">
                  <img class="img-20" src="../../img/periodical/ico8.png" alt="">
                </span>
                杂志社邮箱：123456789@qq.com
              </p>
          </div>
          <div class="col-sm-8 pr-0">
              <p class="col-C2986B f-50 text-center mt-30">
                  Say Hello
              </p>
              <div class="col-sm-6 pull-left pt-10 form-group">
                  <label for="yourname">姓名</label>
                  <input type="text" class="form-control" id="yourname" placeholder="请输入您的姓名">
              </div>
              <div class="col-sm-6 pull-left pt-10 form-group">
                  <label for="yourphone">电话</label>
                  <input type="text" class="form-control" id="yourphone" placeholder="请输入联系电话">
              </div>
              <div class="col-sm-12 pull-left pt-10 form-group">
                  <label for="msg">留言</label>
                  <textarea class="form-control" rows="10" id="msg" placeholder="请留言"></textarea>
              </div>
              <div class="col-sm-12 pt-10">
                <button class="btn btn-default full-w text-center btn-warning bg-C2986B" type="submit">提交</button>
              </div>
          </div>
      </div>
    </div>
    <footer class="full-w bg-212230 footer">
        <div class="container pt-40 pb-40">
             <div class="col-sm-4 pull-left">
                <div class="clear">
                    <ul class="footerabout-nav">
                      <li><a class="col-ccc" href="">关于我们</a></li>
                      <li>|</li>
                      <li><a class="col-ccc" href="">联系我们</a></li>
                      <li>|</li>
                      <li><a class="col-ccc" href="">投稿指南</a></li>
                    </ul>
                </div>
                <p class="col-ccc pt-15">
                    @1996-2017 杂志社 粤ICP备1111111号  
                </p>
                <p class="col-ccc pt-15">
                    技术支持技术支持技术支持技术支持技术支持技术支持2
                </p>
            </div>
            <div class="col-sm-8 pull-left">
                <img class="pull-right pr-20" src="../../img/periodical/qrcode.png" alt="">
            </div> 
        </div>
        
    </footer>

    <script src="../../js/comm/jquery.min.js"></script>
    <script src="../../js/comm/bootstrap.js"></script>
    <script src="../../js/comm/swiper.jquery.min.js"></script>
    <script src="../../js/comm/base.js"></script>
    <script src="../../js/periodical/periodical.js"></script>
    <script>        
        var mySwiper = new Swiper ('.swiperv1', {
          loop: true,
          autoplay : 5000,
          prevButton:'.swiper-button-prevv1',
          nextButton:'.swiper-button-nextv1',
          pagination : '.swiper-paginv1',
          autoplayDisableOnInteraction : false,
          paginationClickable :true,
          speed:800,
        })
        var mySwiper = new Swiper ('.swiperv2', {
          loop: true,
          autoplay : 3000,
          autoplayDisableOnInteraction : false,
          effect : 'fade',
          fade: {
            crossFade: true,
          },
           speed:2000,
        })
        var mySwiper = new Swiper ('.swiperv3', {
          loop: true,
          autoplay : 5000,
          autoplayDisableOnInteraction : false,
          slidesPerView : 3,
          slidesPerGroup : 3,
          pagination : '.swiper-paginv3',
          paginationClickable :true,
          spaceBetween : 30,
          speed:1000,
        })          
    </script>
  </body>
</html>